<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>在此处插入标题</title>
<script src="js/jquery-1.8.2.js"></script>

</head>

    <body>
   	<input type="text" id="key">
   	<input type="button" value="查询"  onclick="test()">
   	<table id="tab">
   	
   	</table>
    </body>
    <script>
function test(){
	$.ajax({
		url:"/xiangmu/Cuxqservlet",
		data:{
			key:$("#key").val()
		},
		type:"get",
		success:function(res){
			var $tab=$("#tab");
			var arr=res.data;
			for(var i=0;i<arr.length;i++)
				{
				var $tr=$("<tr></tr>");
				$tr.append("<td>"+arr[i].name+"</td>");
				$tr.append("<td>"+arr[i].pz+"</td>");
				$tr.append("<td>"+arr[i].age+"</td>");
				$tr.append("<td>"+arr[i].dx+"</td>");
				$tr.append("<td>"+arr[i].yanse+"</td>");
				$tr.append("<td>"+arr[i].jiage+"</td>");
				$tr.append("<td>"+arr[i].jianjie+"</td>");
				$tab.append($tr);
				
				
				}
		
		}
		
	});
	
	
	
	
	
	
	
}

</script>
    
</html>